<template>
  <div class="Content">
    <el-tabs v-model="activeName" class="login-tabs" @tab-click="handleClick">
      <el-tab-pane label="登录" name="login">
        <Login/>
      </el-tab-pane>
      <el-tab-pane label="注册" name="register">
        <Register/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script setup lang="ts">
import type {TabsPaneContext} from 'element-plus'
import Register from './register.vue'
import Login from "@/views/login/login.vue";
import {ref} from "vue";
const activeName = ref('login')
const handleClick = (tab: TabsPaneContext, event: Event) => {
  console.log(tab, event)
}
</script>
<style scoped>
.Content {
  padding-top: 30vh;
  padding-left: 35vw;
}
.login-tabs {
  padding: 5%;
  width: 18vw;
  border: 1px solid #a8a8a8;
  border-radius: 5px;
  box-shadow: 0 0 5px #72767b;
}


</style>
